<script setup lang='ts'>
// 自定义 规则
//interface Props {
//}

import { onMounted, ref, reactive, defineProps } from 'vue';
const props = defineProps({
    bgImg: {
        type: String,
        default: () => 'page'
    },
    classNme: {
        type: String,
        default: () => ''
    },
    bgh: {
        type: String,
        default: () => '304'
    }
});

/**
 * @property 变量
 */


/**
 * @property  所有请求以api开头 如:apiDataInfo
 */


/**
 * @property 自定义事件 以事件名开头 如: clickButton,inputDev
 */


/**
 * @property 内置方法
 */


</script>
<template>
    <div class="w-[100vw] pl-3.5 pr-3.5" :class="props.classNme" :style="{
        backgroundImage: `url(/static/bg/${props.bgImg}.png)`,
        backgroundSize: `100% ${bgh}rpx`,
        backgroundRepeat: 'no-repeat',
    }">
        <slot />
    </div>
</template>
<style lang="scss" scoped></style>